import React from 'react'
import {NavLink} from 'react-router-dom'
import RouterView from '../router/RouterView'
import {IRouteItem} from '../untils/interface'
import '../scss/index.scss'
interface Iprops{
    routes:IRouteItem[]
}
const Index:React.FC<Iprops>=(props)=>{
    return <div className='index'>
            <RouterView routes={props.routes}></RouterView>
            <footer className='footer'>
                <NavLink to='/index/first'>首页</NavLink>
                <NavLink to='/index/classify'>分类</NavLink>
                <NavLink to='/index/message'>消息</NavLink>
                <NavLink to='/index/mine'>我的</NavLink>
            </footer>
    </div>
}
export default Index